@import './normalize.css';
/* base */
html,
body {
  // width: 100%;
  // height: 100%;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: var(--theme-page-bg);
  // color: $c-text-color-secondary;
  box-sizing: border-box;
  font-family: 'HarmonyOS Sans', 'HarmonyOS Sans SC', 'HarmonyOS Sans Web',
    'HarmonyOS Sans SC Web', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  /* user-select: none; */
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
  // background-color: $c-background-color-dark;
  // font-size: $c-text-size-info;
}

*,
:after,
:before {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

img {
  vertical-align: top;
}

[tabindex] {
  outline: none;
}

a {
  text-decoration: none;
}

blockquote,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
dd,
dl,
li,
ol,
ul {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none outside none;
}

.shadow {
  box-shadow: 0px 12px 32px 0px var(--theme-shadow);
}

.el-pagination {
  .btn-next:hover:not([disabled]),
  .btn-prev:hover:not([disabled]),
  .el-pager li:not(.is-disabled):hover {
    color: var(--theme-active) !important;
  }
  .el-pager li:not(.is-disabled).is-active {
    color: var(--theme-white) !important;
    background: var(--theme-active) !important;
  }
}

.wrapper {
  width: 1416px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .wrapper {
    width: 1080px;
    padding: 0 16px;
  }
}
@media (max-width: 1100px) {
  .wrapper {
    width: 100%;
    padding: 0 16px;
  }
}
